<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.1,user-scalable=no">
<script type="text/javascript" src="./static/3d-party/jquery-1.11.3.min.js">
</script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=4a7d43433c23963de1af1889c6305050">
</script>
<script src="./static/3d-party/d3/3.3.10/d3.js" charset="utf-8"></script>
<script src="./static/3d-party/underscore.js/1.6.0/underscore.js" charset="utf-8"></script>
<script src="./static/3d-party/backbone.js/1.1.0/backbone.js" charset="utf-8"></script>
<script src="./static/3d-party/when/2.6.0/when.js" charset="utf-8"></script>
<script src="./static/js/tools.js" charset="utf-8"></script>
<script type="text/javascript" src="./static/js/amap.js"></script>
<script src="./static/js/wind.js" charset="utf-8"></script>
<title>高德地图示例</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}

#display canvas{
	position:absolute;
}
.dialog
{
	width:250px;
	height:250px;
	position:absolute;
	background-color:#ccc;
	-webkit-box-shadow:1px 1px 3px #292929;
	-moz-box-shadow:1px 1px 3px #292929;
	box-shadow:1px 1px 3px #292929;
	margin:10px;
	z-index: 10;
	font-size:1.5em;
}

.dialog-title
{
	color:#fff;
	background-color:#2A2A2A;
	font-size:12pt;
	font-weight:bold;
	padding:4px 6px;
	cursor:move;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
  }      
  .dialog-content
  {
  	padding:4px;
  }
</style>
</head>
<body>
<div id="dlgTest" class="dialog">
	<div class="dialog-title">控制</div>
	<div class="dialog-content">
		<div><label>比例尺：</label><canvas id="scale" width="180" height="10"></canvas></div>
		<div><label>阀值：</label><input id="enableThreshold" type="checkbox"/><input id="speedupThresHold" type="number" min="0" max="12" class="hidden" /><label >m/s</label></div>
		<div><label>跟随窗口：</label><input id="followedFrame" type="checkbox" /></div>
		<div><label>添加风机</label><input id="addWind" type="checkbox" /></div>
	</div>
</div>
<div id="container">
	<div id="display" style="position: fixed;z-index: 1;pointer-events: none;">
		<canvas id="overlay" class="overlay"></canvas>
		<canvas id="animation" class="fill-screen"></canvas>
	</div>
</div>
</body>
</html>